<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>Document</title>
	</head>
	<body>
		<!-- 4 请使用原生DOM对象的方法，实现如下操作，创建一个内容为“姓名5”的p标签并插入到“姓名6”的p标签上面，同时删除最后一个p标签（注：不确定有多少个p标签）

		<div id="a">
			<p>姓名 1</p>
			<p>姓名 2</p>
			<p>姓名 3</p>
			<p>姓名 4</p>
			<p>姓名 6</p>
			<p>姓名 7</p>
			……………
		</div> -->

		<div id="a">
			<p>姓名1</p>
			<p>姓名2</p>
			<p>姓名3</p>
			<p>姓名4</p>
			<p>姓名6</p>
			<p>姓名7</p>
			<p>姓名8</p>
			<p>姓名9</p>
			<p>姓名10</p>
		</div>

		<script>
			let p = document.createElement('p')
			p.innerText = '姓名5'
			let div = document.querySelector('#a')
			// 添加 姓名5 元素
			div.insertBefore(p, div.children[4])
			// 删除 最后的元素
			div.removeChild(div.children[div.children.length - 1])
		</script>
	</body>
</html>
